::-webkit-scrollbar {
  width: 0px;
  height: 0px
}

body {
  background-color: #e7e7e7;
  height: 100vh;
  /* 设置html和body的高度为100%，这通常是视口的高度 */
  margin: 0;
  /* 移除默认的边距 */
  padding: 0;
  /* 移除默认的内边距 */
  overflow-x: hidden;
  /* 如果需要，可以隐藏水平溢出 */
}

.main {
  display: flex;
  flex-direction: column;
  max-width: 600px;
  margin: 0 auto;
  background-color: #e5e3e3;
  height: 99%;
  position: relative;
}

.instructions {
  display: block;
  width: 100%;
  background-color: #c3c3c3;
  color: white;
  line-height: 1em;
  text-align: center;
  padding: 6px;
  box-sizing: border-box;
}

.centent_div {
  height: calc(100% - 126px);
  display: block;
  overflow: scroll;
  padding: 11px;
}

.noMOre {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px;
  font-size: 14px;
  color: #a7a7a7;
}

.centent_div_con {
  margin-bottom: 15px;
  background-color: white;
  border-radius: 9px;
}

.centent_div_fn {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 2px 10px;
  font-size: 16px;
  color: #cacaca
}

.centent_div_fn_date {}

.centent_div_fn_exe {}

.centent_div_fn_exe_copy {
  background-image: url(/images/copy.svg);
  width: 20px;
  height: 25px;
  background-repeat: round;
  cursor: pointer;
}

.centent_div .editormd {
  border-radius: 9px;
  margin-bottom: 0;
}

.centent_div div.CodeMirror.cm-s-default.CodeMirror-wrap {
  display: none;
}

.centent_div div.editormd-preview {
  position: relative;
  width: 100% !IMPORTANT;
}

.centent_div div.editormd-preview>.markdown-body.editormd-preview-container {
  padding: 12px !important;
}

.addEdit {
  position: absolute;
  width: 100%;
  bottom: 0;
  padding: 11px;
  box-sizing: border-box;
}

.addEdit_bu {
  /* Safari */
  -webkit-user-select: none;
  /* Firefox */
  -moz-user-select: none;
  /* IE/Edge */
  -ms-user-select: none;
  /* 标准语法 */
  user-select: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ffffff;
  line-height: 35px;
  border-radius: 9px;
  font-size: 35px;
  color: #bfbdbd;
  height: 55px;
}

.myEdit {
  z-index: -1;
  position: absolute;
  top: 0px;
  background-color: #e7e7e7;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: 11px;
  overflow: scroll;
}

.myEdit_button {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
}

.myEdit_button .button {
  width: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: white;
  margin: 5px 8px;
  border-radius: 3px;
  font-size: 15px;
  padding: 5px;
  cursor: pointer;
  user-select: none;
  color: #747474;
  font-weight: 600;
  letter-spacing: 3px;
}

#test-editor {
  overflow: scroll;
}

#test-editor>div.CodeMirror.cm-s-default.CodeMirror-wrap {
  width: 100% !important;
}

#test-editor>div.editormd-preview {
  width: 100% !important;
  position: relative;
}

.CodeMirror-placeholder {
  display: none;
}

/* 动画1：跳动一下 start */
@keyframes bounce {
  0% {
    transform: translate(1px, 1px) rotate(0deg);
  }

  10% {
    transform: translate(-1px, -2px) rotate(-1deg);
  }

  20% {
    transform: translate(-3px, 0px) rotate(1deg);
  }

  30% {
    transform: translate(3px, 2px) rotate(0deg);
  }

  40% {
    transform: translate(1px, -1px) rotate(1deg);
  }

  50% {
    transform: translate(-1px, 2px) rotate(-1deg);
  }

  60% {
    transform: translate(-3px, 1px) rotate(0deg);
  }

  70% {
    transform: translate(3px, 1px) rotate(-1deg);
  }

  80% {
    transform: translate(-1px, -1px) rotate(1deg);
  }

  90% {
    transform: translate(1px, 2px) rotate(0deg);
  }

  100% {
    transform: translate(1px, -2px) rotate(-1deg);
  }

  60% {
    transform: translateY(-10px);
  }
}

.myAnimation {
  /* 其他样式 */
  transition: transform 0.2s;
  /* 可选的过渡效果，使动画更平滑 */
}

.myAnimation.bounce {
  animation: bounce 0.6s;
  /* 如果你想让动画只播放一次，可以添加 animation-fill-mode: forwards;  
     但在这里，我们假设你希望元素在动画结束后回到原始位置 */
}

/* 动画 end */